<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>媒体监测搜索</title>
<script type="text/javascript"	src="./js/jquery.min.js"></script>
<script type="text/javascript"	src="./js/select2.min.js"></script>
<script type="text/javascript"	src="./js/jquery.placeholder.js"></script>
<script type="text/javascript"	src="./js/icheck.min.js"></script>
<link href="./style/global.css" type="text/css" rel="stylesheet" />
<link href="./style/monitor.css" type="text/css" rel="stylesheet" />
<link href="./style/icheck/green.css" type="text/css" rel="stylesheet" />
<link href="./style/select2/select2.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function(){
	$(".area_select").select2();
	$('.brand').placeholder();
	$('#end_price').placeholder();
	$('.select_media_type').iCheck({
	      checkboxClass: 'icheckbox_minimal-green',
	      radioClass: 'iradio_minimal-green',
	      increaseArea: '20%' // optional
	    });
});
</script>

</head>
<body>
	<div class="main">
 		<div id="header">
 			<div id="top">
 				<div id="logo">
	 			</div>
	 			<div id="header_right">
	 				<div id="wei">
	 					<div id="wei_list">
	 						<a href="" id="tweibo">12</a>
	 						<a href="" id="sweibo"></a>
	 						<a href="" id="weixin"></a>
	 					</div>
		 				<div id="welcome">你好,欢迎来到SSI信息数据平台!</div>
	 				</div>
	 				<div id="header_login">
	 				<img alt="" src="./images/header_call.jpg">
	 				<div id="sign"><a href="./member_center.html">登录</a> | <a href="./member_center.html">免费注册</a></div>
	 				</div>
	 			</div>
 			</div>
 		</div>
	</div>
	<div class="navBg">
		<ul class="nav">
			<li><a href="index.html" >首　页</a></li>
			<li><a href="media.html" >广告牌</a></li>
			<li><a href="monitor.html" class="on">监测数据</a></li>
			<li><a href="">资讯报告</a></li>
			<li><a href="">好帮手</a></li>
			<li><a href="">线下服务</a></li>
			<li><a href="">关于SSI</a></li>
		</ul>
	</div>
	<div class="main">
		<div id="monitor">
			<div id="search_condition">
				<div id="search_type">
					<ul class="search">
						<li class="on"><a href="">品牌/产品</a></li>
						<li><a href="">行业</a></li>
					</ul>
				</div>
				<div class="search_table">
					<div class="search_area">
						<ul>
							<li ><input type="radio" class="select_media_type" id="mt1"> <label for="mt1">市区大牌</label></li>
							<li ><input type="radio" class="select_media_type" id="mt2"> <label for="mt2">LED大屏</label></li>
							<li ><input type="radio" class="select_media_type" id="mt3"> <label for="mt3">高速大牌</label></li>
							<li ><input type="radio" class="select_media_type" id="mt4"> <label for="mt4">机场媒体</label></li>
						</ul>
					</div>
					<div class="search_area">
						<div class="search_title">品牌/产品名称：</div>
						<div class="search_content"><input type="text" class="brand"   placeholder="请输入品牌/产品名称 例如:东风雪铁龙"/>
						</div>
					</div>
					<div class="search_area">
						<div class="search_title">位　置：</div>
						<div class="search_content">
							<select class="area_select">
								<option value="1">湖北</option>
							</select>
							<select class="area_select">
								<option>武汉</option>
							</select>
							<select class="area_select">
								<option>洪山	</option>
							</select>
						</div>
					</div>
					<div class="search_area">
						<div class="search_title">日期范围：</div>
						<div class="search_content">
							<input type="text" class="date" value="2014-12-15"/>　至　 
							<input type="text" class="date" value="2014-12-16"/>
						</div>
					</div>
				</div>
			</div>
			
			<div id="search_right">
				<a class="search" href="./monitor_search_list.html"></a>
				<div class="media_num_content"><span class="num">2,547</span>个城市，<span class="num">5,195,381</span>个户外媒体信息</div>
			</div>
		</div>
		<div class="monitor_main">
			<img alt="" src="./images/monitor_main.png" usemap="#planetmap">
			<map name="planetmap" id="planetmap">
				<area shape="rectangle" coords="660,235,875,294" href="#" alt="Venus" />
			</map>
		</div>
		
		
		
		
		<div id="footer">
		 <a href="#">服务条款</a> 
		 <a href="#">法律声明</a> 
		 <a href="#">设为首页</a> 
		 <a href="#">在线地图</a> 
		 <a href="#">联系方式</a> 	<br/>
		 &copy;上海桥阳广告传媒有限公司 版权所有 沪ICP备1300328号
		 <div id="footer_list"></div>
		</div> 
	</div>
	<div  class="back-to" id="toolBackTop">
		
		<a title="免费注册"  href="#" class="register">
		免费注册
		</a>
		<a title="立即登陆"  href="#" class="login">
		立即登陆
		</a>
		<a title="分享"  href="#" class="share">
		立即分享
		</a>
		<a title="返回顶部" onclick="window.scrollTo(0,0);return false;" href="#top" class="back-top">
		返回顶部
		</a>
	</div>
	<script type="text/javascript">
	$(document).ready(function () {
        var bt = $('#toolBackTop');
        var sw = document.body.clientWidth;
        var limitsw = (sw - 980) / 2 - 60;
        if (limitsw > 0){
                limitsw = parseInt(limitsw);
                bt.css("right",limitsw);
        }

        $(window).resize(function() {
        	var bt = $('#toolBackTop');
            var limitsw = (sw - 980) / 2 - 60;
            if (limitsw > 0){
                    limitsw = parseInt(limitsw);
                    bt.css("right",limitsw);
            }else{
            	bt.hide();
            }
        });
        
	});
	</script>
</body>
</html>